<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">


    <head>
        <title>Atlas</title>
        <!-- CSS -->
        <link rel="stylesheet" href="media/css/reset.css"/>
        <link rel="stylesheet" href="media/css/styles.css"/>
        <style>
            .ui-message-error {
                background-color: #F2DEDE;
                border-color: #EED3D7 !important;
                color: #B94A48;
                border: 1px solid;
                margin: 0 5px;
                padding: 8px 10px 0px !important;
                border-radius: 3px;
            }
            .ui-widget {
                font-size: 90%;
                font-family: Arial,sans-serif;
                font-size: 1em;
                height: 25px;
            }
            .ui-message-error-detail{
                margin-left: 5px;
            }
            #container{
                height: 300px !important;
            }
        </style>
    </head>

    <body class="bodyLogin">
        <!-- Begin Page Content -->
        
        <div class="logo">
            <div class="logo-img"/>
        </div>

        <div id="container">

            <form action="j_security_check" method="POST" class="container_24 clearfix" style="margin-top: 20px;">

                <div id="form2:j_idt24" class="ui-message-error ui-widget" 
                     data-target="form2:txt" data-display="text" aria-live="polite">
                    <span class="ui-message-error-detail">
                        Nome de usuário ou senha está incorreto !
                    </span>
                </div>

                <label for="id_username">Usuário:</label>

                <input id="id_username" type="text" name="j_username" 
                       class="text" placeholder="" maxlength="30"/>

                <label for="id_password">Senha:</label>

                <!--                <p><a href="#">Esqueceu sua senha?</a></p>-->

                <input id="id_password" type="password" name="j_password" 
                       class="text" placeholder="" />

                <div id="lower">

                    <input type="submit" value="Login" style="width: 88%; height: 40px"/>

                </div><!--/ lower-->

            </form>

        </div><!--/ container-->
    </body>
</html>